:root {
	/* Element Plus primary color */
	--el-color-primary: #7c0a03;
	--el-color-primary-dark-2: #5e0702; /* darker */
	--el-color-primary-light-3: #a93a34; /* lighter variants for hover/focus */
	--el-color-primary-light-5: #bf5b56;
	--el-color-primary-light-7: #d5817e;
	--el-color-primary-light-8: #e29a97;
	--el-color-primary-light-9: #eeb3b0;

	/* Icon size tokens (rem based, 16px/18px/20px on 1920 baseline) */
	--icon-16: 0.09375rem;
	--icon-18: 0.09375rem;
	--icon-20: 0.104167rem;
	--el-font-size-base: 0.08292rem;
	--el-component-size: 0.19333rem;
	/* Default Element Plus icon size */
	--el-icon-size: var(--icon-16);


}

/* Normalize Element Plus icon size under rem scaling */
.el-icon { font-size: var(--el-icon-size); }

/* Ensure Element Plus primary button picks up brand scale */
.el-button--primary {
	background-color: var(--el-color-primary);
	border-color: var(--el-color-primary);
}
.el-button--primary:hover,
.el-button--primary:focus {
	background-color: var(--el-color-primary-light-3);
	border-color: var(--el-color-primary-light-3);
}
.el-button--primary:active {
	background-color: var(--el-color-primary-dark-2);
	border-color: var(--el-color-primary-dark-2);
}

html, body, #app {
	margin: 0;
	height: 100%;
	font-size: 12px;
}

/* Align Element Plus select height with project UI (40px) */
.el-select__wrapper {
	min-height: 38px !important;
	height: 38px !important;
	border-radius: 12px;
}

/* Element Plus table header use brand color with white text */
.el-table__header-wrapper th.el-table__cell,
.el-table thead th.el-table__cell,
.el-table thead tr th {
	background-color: var(--el-color-primary) !important;
	color: #fff !important;
}

/* Wider custom dialog for CreateDishes */
.create-dishes-dialog {
	width: 920px;
}
